<style scoped>
    .print{
    width: 218px;
    height: 135px;
    position: absolute;
    background: white;
    box-shadow: 0 3px 3px 3px #f4f4f4;
    z-index: 2;
  }
  .print-top{
    padding: 10px 15px;
    background: #e6e6e6;
    margin-bottom: 10px;
  }
  .print div:nth-child(2){
    margin-bottom: 10px;
    padding: 0 15px;
  }
  .print div:last-child{
    float: right;
    padding: 0 15px;
  }
</style>

<template>
    <div class="print">
      <div class="print-top">
        <p>列印方式</p>
      </div>
      <div>
        <el-button v-print="'tip'">列印左表</el-button>
        <el-button v-print="'tip1'">列印右表</el-button>
      </div>
      <div>
      <el-button @click="closeprint">取消</el-button>
      </div>
    </div>
</template>

<script>
export default {
    methods:{
        closeprint(){
            this.$emit("closeprint")
        }
    }
}
</script>